import React, { useState, useEffect } from "react";

// 自定义组件：只要是重复写的代码都可以用自定义组件来封装
export const useRequest = (url) => {
    const [data, setData] = useState([]);
    const [options, setOptions] = useState({ tab: "all", page: 1 });
    useEffect(() => {
        fetch(`${url}?tab=${options.tab}&&page=${options.page}`)
            .then((res) => res.json())
            .then((res) => {
                // console.log(res.data);
                res && setData(res.data);
            })
            .catch((err) => {
                console.log(err);
            });
    }, [options]);
    return [data, setOptions, options];
    // 如果要更新方法，setOptions也要返回过去
    // 一定要把用的东西返回回去
};
